<template>
  <div>
    <!-- <navTop :headTitle="headTitle" :showBack="showBack" :bkParam="bkParam"></navTop> -->
    <section class="wuliu_top">
      <!-- <p>快递员：{{$route.query.kuaidiname}}</p> -->
     <!--  <p>处方编号：{{this.$route.query.kdmc}}</p>
      <p>快递：{{this.$route.query.kdmc}}</p>
      <p>快递单号：{{this.$route.query.kdno}}</p> -->

      <p>处方编号：{{chufangNum}}</p>
      <p>快递：{{kdmc}}</p>
      <p>快递单号：{{kdno}}</p>

    </section>
    <section class="wuliu_con">
      <ul>
        <li v-for="item in wuliu.data" :key="item.id">
          <p>{{item.ftime}}</p>
          <p>{{item.context}}</p>
        </li>
      </ul>
    </section>
  </div>
</template>

<script>
import navTop from '~/components/common/navTop';
import axios from 'axios';
import { kuaidiInfo } from '~/static/js/kuaidiDebugInfo.js'

export default {
  data() {
    return {
      showBack: true,
      bkParam: 'bk',
      headTitle: '物流信息',
      wuliu: {},

      chufangNum : 'OI2258201906221151',
      kdno : '',
      kdmc : '圆通快递',
    };
  },
  components: {
    navTop,
  },
  created() {
    document.title = '物流详情页';

    this.wuliu = kuaidiInfo;
    this.kdno = kuaidiInfo.nu;
    //this.chufangNum = '';
    //this.kuaidi();
  },
  methods: {
    kuaidi() {
      axios.get('http://zy.renyibao.com:3009/query', {
        params: {
          type: this.$route.query.kdmcvalue,
          postid: this.$route.query.kdno,
          // type: 'zhongtong',
          // postid: '75101910287693',
        },
      })
        .then((response) => {
          this.wuliu = response.data;
          console.log(`物流信息：${this.wuliu}`);
        });
    },
  },
};
</script>

<style scoped>
.wuliu_top {
  font-size: 1rem;
  background: #fff;
  margin: 0 0.5rem 1rem 0.5rem;
  border-radius: 0.5rem;
}
.wuliu_top p {
  font-family: "微软雅黑";
  padding: 0.5rem;
  margin-bottom: 0.4rem;
}
.wuliu_con {
  background: #f0f5f8;
  margin: 0.5rem;
  border-radius: 0.5rem;
  margin-bottom: 4rem;
}
.wuliu_con ul {
  margin: 0;
  padding: 0;
}
.wuliu_con ul li {
  color: #aaa;
  border-bottom: 3px solid #fff;
  padding: 0.5rem 1rem;
  list-style-type: none;
}
.wuliu_con p:first-child {
  font-size: 0.9rem;
}
.wuliu_con p:last-child {
  color: #333;
  font-size: 1rem;
  margin-bottom: 0;
}
</style>
